<script>
var url;
	$(document).ready(function(){
	
		newDataSK = function (){
			$('#dialog').dialog({
				title: 'Buat Surat Keterangan',
				width: 550,
				height: 500,
				closed: true,
				cache: false,
				href: base_url+'daftar_surat/surat_keterangan',
				modal: true
			});
			 
			$('#dialog').dialog('open');
			url = base_url+'daftar_surat/save_sk';
		}
		
		newDataSKP = function (){
			$('#dialog').dialog({
				title: 'Buat Surat Keterangan Pindah',
				width: 550,
				height: $(window).height()*0.97,
				closed: true,
				cache: false,
				href: base_url+'daftar_surat/surat_keterangan_pindah',
				modal: true
			});
			 
			$('#dialog').dialog('open');
			url = base_url+'daftar_surat/save_skp';
		}
		
		newDataSKA = function (){
			$('#dialog').dialog({
				title: 'Buat Surat Keterangan Adat',
				width: 550,
				height: $(window).height()*0.97,
				closed: true,
				cache: false,
				href: base_url+'daftar_surat/surat_keterangan_adat',
				modal: true
			});
			 
			$('#dialog').dialog('open');
			url = base_url+'daftar_surat/save_ska';
		}

		newDataSKD = function (){
			$('#dialog').dialog({
				title: 'Buat Surat Keterangan Domisili',
				width: 550,
				height: 550,
				closed: true,
				cache: false,
				href: base_url+'daftar_surat/surat_keterangan_domisili',
				modal: true
			});
			 
			$('#dialog').dialog('open');
			url = base_url+'daftar_surat/save_skd';
		}

		newDataSKU = function (){
			$('#dialog').dialog({
				title: 'Buat Surat Keterangan Usaha',
				width: 550,
				height: 550,
				closed: true,
				cache: false,
				href: base_url+'daftar_surat/surat_keterangan_usaha',
				modal: true
			});
			 
			$('#dialog').dialog('open');
			url = base_url+'daftar_surat/save_sku';
		}

		newDataSL = function (){
			$('#dialog').dialog({
				title: 'Buat Surat Kelahiran',
				width: 550,
				height: 550,
				closed: true,
				cache: false,
				href: base_url+'daftar_surat/surat_keterangan_lahir',
				modal: true
			});
			 
			$('#dialog').dialog('open');
			url = base_url+'daftar_surat/save_sl';
		}

		newDataSM = function (){
			$('#dialog').dialog({
				title: 'Buat Surat Keterangan Meninggal',
				width: 550,
				height: 550,
				closed: true,
				cache: false,
				href: base_url+'daftar_surat/surat_keterangan_kematian',
				modal: true
			});
			 
			$('#dialog').dialog('open');
			url = base_url+'daftar_surat/save_sm';
		}
		
	});
</script>
<style>
.thumbnail{
	position:relative;
	margin-left:45px;
	}	
.thumbnail ul, .thumbnail li{
	list-style : none;
	float: left;
	padding:2px;
	text-align:center;
	position:relative;
}
.thumbnail li{
	width:110px;
	height:100px;
	background:#BFBFBF;
	padding:8px;
	cursor:pointer;
	margin:6px;
	}
.thumbnail li:hover{
	position:relative;
	background:#FFFFFF;
	border:1px solid #FFA500;
	padding:7px;
}
.thumbnail li a{
	color: #111111;
}	
.thumbnail li img{
	border:1px solid #000000;
	}
</style>
    	<div class="thumbnail">
			<ul>
				<li><img src="<?=base_url();?>asset/images/gb_surat.png" /><br /><a href="#" class="easyui-link" onclick="newDataSK();">Surat Keterangan</a></li>
				<li><img src="<?=base_url();?>asset/images/gb_surat.png" /><br /><a href="#" class="easyui-link" onclick="newDataSKP();">Surat Keterangan Pindah</a></li>
				<li><img src="<?=base_url();?>asset/images/gb_surat.png" /><br /><a href="#" class="easyui-link" onclick="newDataSKA();">Surat Keterangan Adat Istiadat</a></li>
				<li><img src="<?=base_url();?>asset/images/gb_surat.png" /><br /><a href="#" class="easyui-link" onclick="newDataSKD();">Surat Keterangan Domisili</a></li>
				<li><img src="<?=base_url();?>asset/images/gb_surat.png" /><br /><a href="#" class="easyui-link" onclick="newDataSKU();">Surat Keterangan Usaha</a></li>
				<li><img src="<?=base_url();?>asset/images/gb_surat.png" /><br /><a href="#" class="easyui-link" onclick="newDataSK();">Surat Keterangan Lainnya</a></li>
				<li><img src="<?=base_url();?>asset/images/gb_surat.png" /><br /><a href="#" class="easyui-link" onclick="newDataSL();">Surat Kelahiran</a></li>
				<li><img src="<?=base_url();?>asset/images/gb_surat.png" /><br /><a href="#" class="easyui-link" onclick="newDataSM();">Surat Keterangan Meninggal</a></li>
			</ul>
			<div style="clear:both;"></div>
		</div>